@media all and (min-width: 62em){.c-section--home{padding:0 3rem}}.iffframe{width:100%;position:relative;border:4px solid #f5f5f5;overflow:hidden;height:auto;background-color:#fff;margin-bottom:2rem}.iffframe__iframe{width:100%;overflow:auto;overflow-x:auto !important}.iffframe__iframe--drawer-navigation{height:700px}.iffframe__iframe--primary-navigation{height:300px}.iffframe__handle{display:none;width:0.7rem;height:100%;position:absolute;right:0;top:0;cursor:col-resize;background-color:#f5f5f5;transition:background-color .3s ease}.iffframe__handle:after{content:"";display:block;height:1rem;width:2px;border-right:1px solid #aaa;border-left:1px solid #aaa;position:absolute;top:50%;left:50%;margin-top:-0.5rem;margin-left:-1px}.iffframe__handle:hover{background:#e5e5e5}.iffframe__handle:active{background:#cccccd}@media all and (min-width: 40em){.iffframe__handle{display:block}}code[class*="language-"],pre[class*="language-"]{tab-size:2}.pattern-code{position:relative}.pattern-code-block{margin-top:0;max-height:25rem}.is-expanded .pattern-code-block{max-height:none}.pattern-code-copy-btn{position:absolute;top:0;right:0;z-index:2;margin:.5em}pre[class*="language-"]{background-color:#f5f5f5}code[class*="language-"],pre[class*="language-"]{text-shadow:none}.show-more .c-btn{position:relative;bottom:2rem;z-index:1}.c-page-header__desc p:last-of-type{display:inline}.c-page-header__desc .c-page-header__icon{height:1rem;width:1rem}@media all and (min-width: 47em){.c-tabs__list{flex-wrap:wrap;overflow-x:inherit;overflow-y:inherit}}.push-right{padding-left:0.5rem}@media all and (min-width: 40em){.push-right{padding-left:8rem}}.c-tabs-list__item{display:none}.c-tabs-list__item.is-active{display:block}.c-badge{font-size:small;vertical-align:super}.c-badge--positive{background-color:#00af53}.c-badge--negative{background-color:#d82424}.c-color-swatch{width:100%;height:100px}.o-color-table .c-color-swatch{width:40px;height:40px;display:inline-block}.sg-swatch--value{cursor:pointer;user-select:none;border:1px dashed transparent}.sg-swatch--value:hover,.sg-swatch--value:focus{background:#f5f5f5}.sg-swatch--value.u-is-copied{border-color:#782832}.c-text-copied-modal{z-index:100;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;transition:0.3s opacity}.u-has-copied .c-text-copied-modal{opacity:1}.c-text-copied-modal .c-text-copied-modal--text{margin:auto;padding:.25rem;border:2px solid #fff;font-size:1.25rem;background:#f5f5f5}.colorset{display:flex;flex-direction:column;flex-wrap:wrap}.colorset--color{width:100%;flex-direction:column;flex-wrap:wrap;border:1px gray solid;padding:rem(5s);margin:0 0 5px 0;width:calc(25% - 20px)}.sg-colors{overflow:hidden}.sg-colors li{overflow:hidden;border:1px solid darkgray;padding:0.3em;margin:0 0.2em 0.2em 0}@media all and (min-width: 400px){.sg-colors li{float:left;width:5em}}.sg-swatch{display:block;height:100px;width:100%}.sg-swatch--mini{display:flex;flex-direction:row;height:50px;margin:5px 0;justify-content:stretch}.sg-swatch--mini-item{width:100%;margin-right:rem(5)}.sg-swatch--mini-item:last-child{margin-right:0}.o-table-slim td{padding:.25rem}code{background-color:#f5f5f5;padding:.25rem;font-family:Menlo,Monaco,"Courier New","Courier",monospace}